<!DOCTYPE html>
<html lang='en'>

<head>
  <meta charset="UTF-8">
  <title>注册页</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/register.css">
  <link rel="stylesheet" href="./font/iconfont.css">
  <link rel="shortcut icon" href="./favicon.ico" />
</head>
<style>
  label.error{
    font-size: 12px;
    margin-left: 15px;
    color: red;
  }
</style>
<body>
  <!-- 顶部 -->
  <div class="top">
    <div class="w">
      <div class="fl">
        <ul>
          <li><a href="login.html" class="ma5">登录</a></li>
          <li><a class="red" href="register.html" style="color: skyblue;">免费注册</a></li>
        </ul>
      </div>
      <div class="fr">
        <ul>
          <li><a href="index.html">首页</a></li>
          <li class="shuxian"></li>
          <li><a href="detail.html">列表页</a></li>
          <li class="shuxian"></li>
          <li><a href="cart.html">购物车</a></li>
          <li><i class="iconfont icon-xiangxia2"></i></li>
          <li class="shuxian"></li>
          <li><a href="userinfo.html">个人中心</a></li>
          <li><i class="iconfont icon-xiangxia2"></i></li>


        </ul>
      </div>
    </div>
  </div>
  <!-- header -->
  <div class="header w">
    <!-- logo -->
    <div class="logo">
      <h1><a href="index.html" title="玎珰购">玎珰购</a></h1>
    </div>
    <!-- search -->
    <div class="search">
      <input type="text" class="text" value="请输入内容...">
      <button class="btn">搜索</button>
    </div>
    <!-- hotwords -->
    <div class="hotwords">
      <a href="#" style="color: skyblue;">九块九鲜花</a>
      <a href="#">品质家具</a>
      <a href="#">家电预售</a>
      <a href="#">小家电</a>
      <a href="#">服饰预售</a>
      <a href="#">满99减50</a>
    </div>
    <!-- cart -->
    <div class="cart">
      <i class="iconfont icon-gouwuche"></i>
      我的购物车
    </div>

  </div>
  <!-- 注册 -->
  <div class="zhuce w">
    <div class="zhuce_top">
      <p class="fl p1">注册新用户</p>
      <p class="fr p2">我有账号,去<span><a style="color: skyblue; font-size: 24px;" href="login.html">登录</a></span></p>
    </div>
    <form class="regForm" action="">
      <table align="center">
        <tr>
          <td>用户名:</td>
          <td><input class="ys" type="text" name="username" placeholder="请输入用户名"></td>
        </tr>
        <tr>
          <td>密码:</td>
          <td><input class="ys" id="password" type="password" name="password" placeholder="请输入密码"></td>
        </tr>
        <tr>
          <td>确认密码:</td>
          <td><input class="ys" type="password" name="rpassword" placeholder="请确认密码"></td>
        </tr>
        <tr>
          <td>昵称:</td>
          <td><input class="ys" type="text" name="nickname" placeholder="请输入昵称"></td>
        </tr>
        <tr>
          <td></td>
          <td><button class="but btn1">注册</button></td>
        </tr>
      </table>
    </form>
  </div>

  <!-- footer -->
  <div class="footer">
    <div class="w">
      <div class="mod_service">
        <ul>
          <li>
            <img class="duo" src="./images/duo.png" alt="">
            <div class="title">
              <h5>正品保障</h5>
              <p>商品保障，提供发票</p>
            </div>
          </li>
          <li>
            <img class="duo" src="./images/duo.png" alt="">
            <div class="title">
              <h5>正品保障</h5>
              <p>商品保障，提供发票</p>
            </div>
          </li>
          <li>
            <img class="duo" src="./images/duo.png" alt="">
            <div class="title">
              <h5>正品保障</h5>
              <p>商品保障，提供发票</p>
            </div>
          </li>
          <li>
            <img class="duo" src="./images/duo.png" alt="">
            <div class="title">
              <h5>正品保障</h5>
              <p>商品保障，提供发票</p>
            </div>
          </li>
          <li>
            <img class="duo" src="./images/duo.png" alt="">
            <div class="title">
              <h5>正品保障</h5>
              <p>商品保障，提供发票</p>
            </div>
          </li>

        </ul>
      </div>
      <div class="mode_help">
        <dl class="mode_help_item">
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>

        </dl>
        <dl class="mode_help_item">
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>

        </dl>
        <dl class="mode_help_item">
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>

        </dl>
        <dl class="mode_help_item">
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>

        </dl>
        <dl class="mode_help_item">
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>

        </dl>
        <dl class="mode_help_item">
          <dt>购物指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">会员介绍</a></dd>
          <dd><a href="#">生活旅行</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大家电</a></dd>
          <dd><a href="#">联系客服</a></dd>

        </dl>
      </div>
      <div class="mode_copyright">
        <p class="mode_copyright_links">
          Copyright 2014 China Duty Free Group Co. Ltd All Rights Reserved 琼ICP备11002545号-9
          中免集团三亚市内免税店有限公司版权所有
        </p>
        <p class="mode_copyright_news">
          网上有害信息举报专区：中国互联网违法和不良信息举报中心亲爱的市民朋友，上海警方反诈劝阻电话“96110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。
          公司名称：上海宽娱数码科技有限公司 |公司地址：上海市杨浦区政立路485号 |电话：021-25099888
        </p>
      </div>
    </div>
  </div>
</body>
<script src="./js/jquery-3.6.0.js"></script>
<script src="./js/validation/jquery.validate.min.js"></script>
<script src="./js/layer/dist/layer.js"></script>
<script src="./js/register.js"></script>
</html>